<template>
  <view style="padding: 10px 20px">
    <view style="text-align: center">
      <view style="font-size: 40upx">独角兽企业报告</view>
    </view>
    <view style="margin-bottom: 10upx">简介</view>

    <u-line></u-line>
    <view
      style="
        margin-top: 20upx;
        font-size: 26upx;
        color: #666;
        margin-bottom: 20upx;
      "
      >报告简介，文本内容，报告简介，文本内容报告简介，文本内容大会简介，文本内容报告简介，文本内容大会简介，文本内容大会简介，文本内容大会简介，文本内容，大会简介，文本内容，大会简介，文本内容大会简介，文本内容大会简介，文本内容大会简介</view
    >
    <uTabs :baseList="tabBasicList" />
    <view style="margin-top: 20upx">
      <mainList
        :baseList="topCompanyBasicList"
        type="unicorn"
        url="/pages/research/details"
      />
    </view>
    <!-- <view style="margin-bottom:20upx" v-for="item in 4">
            <view style="font-size: 34upx;margin-bottom: 10upx;">2024年度</view>
            <u-line ></u-line>
           
            
        </view> -->
  </view>
</template>
  
  <script>
import mainList from "@/components/mainList/index.vue";
import uTabs from "@/components/uTabs/index.vue";
import { onShow } from "@dcloudio/uni-app";
export default {
  components: {
    mainList,
    uTabs,
  },
  data() {
    return {
      tabBasicList: [],
      topCompanyBasicList: [
        {
          id: 0,
          title: "2024年度全球独角兽企业500强大会",
          desc: "企业简介企业简介企业简介",
          tag: "企业标签",
          slot: "",
        },
        {
          id: 1,
          title: "2024年度全球独角兽企业500强大会",
          desc: "企业简介企业简介企业简介",
          tag: "企业标签",
          slot: "",
        },
        {
          id: 2,
          title: "2024年度全球独角兽企业500强大会",
          desc: "企业简介企业简介企业简介",
          tag: "企业标签",
          slot: "",
        },
      ],
    };
  },
  onShow() {
    this.getType();
    this.getList();
  },
  methods: {
    async getType() {
      const res = await this.$api.getZhuatiType({});
      this.tabBasicList = res?.map((item) => {
        return {
          ...item,
          name: item.title || item.typename,
        };
      });
    },
    async getList() {
      const res = await this.$api.getZhuati({});
      this.topCompanyBasicList = res?.map((item) => {
        return {
          ...item,
          name: item.title,
          img_url: item.image_input[0],
          desc_text: item.synopsis,
          msg: item.add_time,
        };
      });
    },
  },
};
</script>
  
  <style>
</style>
  